


<?php
$i = 0;
foreach ($accessory_categories as $row):  
    $arr = $arr_accessory_right[$i];
    if( count($arr)>1){
    ?>
    <script>
        $(function(){
            $('.fadein<?=$i?> img:gt(0)').hide();
            setInterval(function(){$('.fadein<?=$i?> :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein<?=$i?>');}, 3000);
            
        });
    </script>

    <?php
}
    if ($arr != null) {
        ?>
        <div class="right_content">
            <div style="font-family: tahoma;" class="right_content_head">
                <img src="<?= FRONT_IMG ?>icon_triangle.png" alt=""><span style="font-weight: bold;"><?= $row->category_name ?></span>
            </div>
            <div class="right_content_main">
                <div class="fadein fadein<?= $i ?> ">
                    <?php foreach ($arr as $access):
                        ?>
                    <img width="100%" height="100%" src="<?= FRONT_UPLOADED . $access->accessory_image ?>"/>
                        <?php endforeach; ?>

                </div>

            </div>
        </div>
        <?php
    }
    $i++;
endforeach;
?>